.AppNav {
  width: 100%;
  z-index: 200;

  .AppNavContent {
    @apply shadow;
    .appCompBg();
    height: 60px;
    padding: 0 24px;
    display: flex;
    align-items: center;

    .seatchIcon {
      display: none;

      @media screen and (max-width: 700px) {
        display: unset;
      }
    }
  }


  .Search {
    display: unset;

    @media screen and (max-width: 700px) {
      display: none;
    }

    @apply relative;

    .conciseModeInput {
      @apply rounded-lg w-full;
      height: 40px;
      padding: 0 20px;
      flex: none;
      .appCompBgSm();
    }
  }

}